<template>
  <div class="shell">
    <!-- <div class="shell-main">
            <div class="shell-main-nav">
                <div class="logo">
                    <img src="" alt="">
                    <span>
                        椰羊
                    </span>
                </div>
                <ul>
                    <li><a href="index.html">关于甘雨</a></li>
                    <li><a href="Template.html">椰羊瀑布流</a></li>
                    <li><a href="make.html">甘雨故事</a></li>
                    <li><a href="painter.html">漫画资源</a></li>
                    <li><a href="Login.html">登录</a></li>
                    <div class="nav-box"></div>
                </ul>
            </div>
        </div> -->
    <header>
      <h2>稻香下的最美奋斗者</h2>
      <!-- <p>只做最优质的产品</p> -->
      <div class="h-b">
        <div class="h-b-l">
          <div class="h-b-l-h">
            <p>想说的话……</p>
            <span
              >我毕生的追求就是让所有人远离饥饿.<br />我有两个梦想，一个禾下乘凉梦，还有杂交稻覆盖全球梦。<br />
            </span>
          </div>
          <div class="h-b-l-b">
            <p>传承与创新“稻”路</p>
            <span
              >谢华安团队又选育出了“明恢77”“明恢86”等一批优良恢复系，配组了“汕优77”“V优77”“Ⅱ优明86”等风靡一时的杂交组合。其中，“汕优77”“V优77”是具有强大抗稻瘟病能力的早稻品种，与中晚稻品种“汕优63”形成熟期配套，累计推广面积位列中国杂交早稻前五。

　<br/>　雷捷成团队选择了不一样的技术路线。
20世纪80年代初，雷捷成所在的课题组，开始将选育强抗稻瘟病不育系作为主攻方向。20世纪90年代育成的“福伊A”，是当时国内抗稻瘟病最强的不育系，尤其在湖北恩施等武陵山区，抗性保持十年未衰。</span
            >
          </div>
        </div>
        <img src="./imgs/top.jpg" class="top_pic" alt="" />
        <div class="h-b-r">
          <div class="h-b-r-h">
            <p>还能更进一步吗？</p>
            <span
              >杂交水稻之路完成了吗？
<br/>
袁隆平一直在思考这个问题。
<br/>
从他后续的做法，我发现他从没有停下思考。
<br/>
他大体在沿着两条路前进：第一让育种过程更简单；第二让杂交水稻更高产。
</span
            >
          </div>
          <div class="h-b-r-b">
            <p>故事:</p>
            <span
              >1970年，袁隆平的助手在海南南红农场工作人员的帮助下，在当地一处沼泽中发现了后来被称为“野败”的雄性不育野生稻。袁隆平以它为母本，培育出了200多粒“野败”的第二代不育株稻种种子。从第一株天然杂交稻到“野败”，经历了将近十年时间，杂交水稻研究终于找到了突破口。</span
            >
          </div>
        </div>
      </div>
    </header>
    <footer>
      <div class="content">
        <div class="left">
          <div class="top">
            <h2>简介：</h2>
            <span
              ><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;袁隆平，男，汉族，无党派人士，1930年9月出生，江西德安人，
              中国工程院院士。他发明了“三系法”籼型杂交水稻，提出了杂交水稻由“三系法”到“两系法”再到“一系法”的发展战略，并成功研究出两系杂交水稻，
              创建了超级杂交稻技术体系，实现了我国超级稻第一、二、三、四期平均亩产700、800、900、1000公斤的目标，使我国杂交水稻始终居世界领先水平。
              截至2018年，杂交水稻在我国已累计推广超过93亿亩，共增产稻谷9300多亿公斤，为我国乃至世界粮食安全作出突出贡献。
              他先后获得国家特等发明奖、首届国家最高科学技术奖、联合国粮农组织粮食安全保障奖等奖项。</span
            >
          </div>
          <div class="top">
            <h2>经历：</h2>
            <br />
            <br /><span
              >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;袁隆平是曾任政协十二届全国委员会常务委员，湖南省政协副主席，湖南省科协副主席。
              西南大学农学与生物科技学院名誉院长、湖南农业大学教授、中国农业大学客座教授、怀化职业技术学院名誉院长、
              湖南生物机电职业技术学院名誉院长、联合国粮农组织首席顾问、世界华人健康饮食协会荣誉主席
              、黑龙江延寿县经济发展顾问。</span
            ><br />
            <br /><span
              >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;50多年来，袁隆平致力于杂交水稻研究，发明“三系法”籼型杂交水稻，成功研究出“两系法”杂交水稻，创建了超级杂交稻技术体系，使我国杂交水稻研究始终居世界领先水平，为确保我国乃至世界的粮食安全和世界粮食供给做出了卓越贡献。先后荣获国家发明特等奖、首届国家最高科学技术奖、联合国教科文组织“科学奖”、美国“世界粮食奖”、香港“吕志和奖-世界文明奖”等30多项国际国内奖项。1999年中国科学院北京天文台施密特CCD小行星项目组发现的一颗小行星被命名为袁隆平星。
              2018年12月18日，党中央、国务院授予袁隆平改革先锋称号，颁授改革先锋奖章。</span
            ><br />
            <br /><span
              >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;袁隆平在国内率先开展水稻杂种优势利用研究。1964年，他在对一株“鹤立鸡群”的野生杂交稻的研究中获得灵感，开始从事杂交水稻研究。1966年，他在撰写的第一篇论文《水稻的雄性不孕性》中提出：“要想利用水稻杂种优势，首推利用雄性不孕性”。他的理论与研究实践否定了“水稻等自花授粉作物没有杂种优势”的传统观点，
              极大地丰富了作物遗传育种理论和技术，建立了一门新学科——杂交水稻学。</span
            >
            <br />
            <br /><span
              >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;袁隆平解决了三系法杂交稻研究中的三大难题：提出了利用野生稻与栽培稻进行远缘杂交，培育雄性不育系的有效途径，并于1973年实现了不育系、保持系和恢复系的“三系”配套；育成了我国第一个大面积应用的强优势杂交水稻“南优2号”等组合；
              领导课题组成功突破制种难关，使制种产量逐渐提高，达到全国平均亩产350斤左右。</span
            >
            <br />
            <br /><span
              >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在总结国内外农作物杂种优势育种的历史和经验基础上，袁隆平提出了“杂交水稻育种的战略设想”，即育种方法由三系法到两系法再到一系法，朝着程序由繁到简而效率越来越高的方向发展；杂种优势水平由品种间到亚种间再到远缘杂种优势利用、朝着优势越来越强的方向发展。这一战略设想得到了国内外同行的广泛认同，以后的杂交水稻基本上都朝着这一战略方向进行研究，并且已经取得很好的效果。
            </span>
            <br />
            <br /><span
              >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              袁隆平解决了两系法杂交水稻研究中的关键技术难题。创立了光温敏不育系育性转换的光温作用模式，阐明了育性转换与光温变化的关系；提出了选育实用光温敏核不育系不育起点温度低于23.5℃的关键技术指标，研究并提出了核心种子生产程序和冷水串灌繁殖等重大技术，使两系法杂交水稻研究取得成功并大面积推广应用。
            </span>
            <br />
            <br /><span
              >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;袁隆平设计了以“高冠层、矮穗层、中大穗和高度抗倒”为特征的超高产株型模式；建立了形态改良，亚种间杂种优势及远缘有利基因利用相结合的超级杂交稻育种技术路线。根据这一模式和技术路线，我国超级稻育种分别于2000年、2004年、2012年和2014年先后实现超级稻第一期亩产700kg、第二期亩产800kg、第三期亩产900kg和第四期亩产1000kg的攻关目标。目前，正在向第五期每公顷产16吨、第六期每公顷产17吨的目标攻关。
            </span>
            <br />
            <br /><span
              >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;针对我国人增地减的现状，袁隆平提出了运用超级杂交稻技术成果，大幅度提高现有水稻的单产和总产，提高农民种粮效益，确保国家粮食安全的科学思路。组织实施了超级杂交稻“种三产四”丰产工程、“三分地养活一个人”粮食丰产工程等高产攻关项目。“种三产四”丰产工程2007年率先在湖南实施，并迅速在安徽、广东、广西、河南、云南、贵州、四川等省市推广，取得了显著的社会效益和经济效益。“三分地养活一个人”粮食丰产工程于2018年组织实施，初显成效。
            </span>
          </div>
          <div class="top">
            <h2>英雄形象分析：</h2>
            <span>
              <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              集中体现了我国知识分子爱国主义的高尚情操和中华民族自强不息的优良传统，集中体现了我国人民强烈的民族自尊心、自信心和自豪感,集中体现了我国科技工作者敢于创新、顽强拼搏、为中华民族争气的宏大抱负，集中体现了严谨治学、为人师表、平易近人、淡泊名利的崇高精神。
他来自于人民,为人民而研究,“发展杂交水稻,造福世界人民”是他孜孜以求的奋斗目标. 袁隆平院士是我国杂交水稻研究领域的开创者和带头人。
袁隆平是我国杂交水稻研究创始人，被誉为“杂交水稻之父”、“当代神农”、“米神”等。他谦逊豁达，不以权威自居。
他作风纯朴，关心他人；他热爱生活，健康乐观。在他身上，集中体现了我国当代知识分子忧国忧民、造福人类的宏大抱负、自强不息、勇攀高峰的创新精神、不畏艰辛、迎难而上的奋斗意志、淡泊名利、奉献社会的思想境界。

            </span>
          </div>

          <div class="top">
            <h2>袁老精神矩阵：</h2>
            <span>
              <br />
              <p>突破权威</p>
              <br />

              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1994年，美国观察研究所所长莱斯特·布朗曾向中国和世界发问：谁来养活中国？
              他说中国人养活不了自己，不断增长的人口，有限的土地资源，不仅把中国人喂不饱，并且还会使世界挨饿。
              这个西方权威，根本没有考虑农业科技的进步的因素，就给中国下了如此论断。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;但以袁隆平为代表的中国科学工作者，是不会被权威的否定和面临的难题吓倒的。
              实际上在60年代，在米丘林、李森科的“无性杂交”学说还属于经典权威的时候，袁隆平就决定跳出来，开始进行水稻的有性杂交试验。
              幸亏他醒悟得早，如果死守权威，也许至今我们国家还难以解决温饱问题，你我都还在饿肚子，更别说向更高水平的小康进军了。
              所以袁老说：要创新，就得不断突破。尊重权威但不能迷信权威，应该多读书但不能迷信书本。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;现在年轻人有什么新想法，我也不以权威自居，认为你这个有前途，你就提出来，就支持你。
              要支持新生事物。尽管它可能有问题，但我们要爱护，不能一棍子打死。
              其实很简单，现代科学的发展，就是一段证伪史。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;19世纪末期物理学家汤姆逊在一次国际会议上讲到：
              “物理学大厦已经建成，以后的工作仅仅是内部的装修和粉刷”。
              但是“大厦上空还漂浮着的两朵‘乌云’，却最终又导致了相对论和量子力学的发现。
              从此人类又从宏观物理研究转向了微观物理世界。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;人类对真理的认知是不断深入，螺旋上升的。
              面临权威否定时，还是要大胆假设，小心求证，不要轻易被别人的否定吓倒。
              自信的鸟儿是无法被困住的，它的羽毛太耀眼了。
              <br />
              <p>永不止步</p>
              <br />

              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;毛选《奋斗自勉》中曾写道：“与天奋斗，其乐无穷！与地奋斗，其乐无穷！与人奋斗，其乐无穷”。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;而袁老则这样理解奋斗：我就是这样的人，就是要挑战自己，能有更多的突破，永远不会停下前进的脚步。
              也正是如此，我国杂交水稻才从70年代南优二号亩产500公斤以上，到已于2000年实现中国超级稻百亩示范田亩产700公斤、2004年800公斤、2012年900公斤的三期目标。
              <br />

              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在2017年10月，袁隆平团队选育的超级杂交稻品种湘两优900（超优千号），15日在河北省硅谷农科院超级杂交稻示范基地，通过了该省科技厅组织的测产验收。以平均亩产1149.02公斤，即每公顷17.2吨。再次创造了世界水稻单产的最新、最高纪录。
              但即使目前水稻产量，还没达到他的理想程度。
              袁隆平的“理想程度”，是即按现在光能利用率2.573%。
              再打上“五折”计算，要达每公顷22.5吨的产量。
              补充一下，杂交水稻是种技术，它的突破，在于大规模应用以后可以极大的提高粮食产量。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;事实上，袁隆平于1973年培育出籼型杂交水稻技术，解决了我国一个人口大国的吃饭问题。在政府的大力推广下，全国90%以上的水稻都是籼型杂交水稻及其变种，剩余的水稻也或多或少和该品种沾亲带故。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1978年中美建交后，杂交水稻被美国引进，随后全球有70%以上种植水稻的地区，都采用了以袁隆平为代表的中国科学家们，培育出的杂交水稻及其变种。所以广义上只要你吃米，就能吃到袁隆平培育出的米。袁隆平的高产水稻，意义不在于有没有大面积种植，而在于技术是否握在自己的手里。
              另外，那些在评论里说袁爷爷的稻子，没有种出来的，我给你们数据。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2006年，袁隆平提出“种三产四”丰产工程，即运用超级杂交稻的技术成果，力争用三亩地产出现有四亩地的粮食。
              2007年率先在湖南20个县启动实施，已取得非常好的效果。计划在全国推广6000万亩，产出8000万亩的粮食，等于增加了2000万亩粮食耕地，可多养活3000多万人。
              到2012年，“种三产四”丰产工程项目已经扩大到在湖南50个县市区实施，面积为882.2万亩，增产稻谷达9.62亿公斤。截至2012年，全国累计示范推广面积2000多万亩，增产20多亿公斤，为粮食持续稳定增产做出了新的贡献。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在看央视采访时，听袁老遗憾的说：因为身体原因，再也不能下田了。
              我内心不禁感到酸楚，可即使如此，他的住宅旁边还有一块试验田，他每天都要去田垄，看看稻子的长势。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已经90岁高龄，各种荣誉加身，是什么还让他孜孜不倦？
              有人说：那应该是一种发自内心的大爱，一种不愿让每一个人忍受饥饿的紧迫，一种超越国界怜爱众生的胸襟。
              他创造了一粒改变世界的种子，而他本人又何尝不是一粒卓越的种子。
              这颗种子从未停止在水稻杂交领域的生长，已经长成了响彻世界的“东方魔稻”。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;它结出的果实，养活了一个国家。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;他培育的下一代科研人员，也还在田里奋斗着。
              <br />
              <br />
              <br />
              <p>身体第一</p>
              <br />

              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              因为年轻，所以我们敢拼命，熬夜加班，通宵达旦。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              而袁老则告诫：成才，还有一个要素，也是最基本的要素，是身体要好。
              很多人羡慕华为的高薪，17万员工，里面有一万个年入百万。
              但收获与付出常常是成正比的：
              <br />
              身体不健康，想搞什么研究，想赚什么钱都心有余而力不足。
              正因为保持对身体的关注，袁老才一直没生过什么大病。
              人这一生三分之一的时间都花在睡觉上，假如一个人能活到90岁，那有30年是需要花在睡眠上的。
              如果在长时间的学习和工作后，还不注意休息，那大脑机能的损耗速度会远远超过其恢复的速度。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              就像叔本华所说：“睡眠是我们为那笔在死亡时才收回的资本付出的利息：利息率越高，支付越按时，偿清的日期就越推迟。”
              不注意身体，你往往活不到成才的时候，更何谈享受成才带来的回报呢。
              <br />
              <br />
              <br />
              <p>成功没有捷径</p>
              <br />
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              我不在家，就在试验田；不在试验田，就在去试验田的路上。
              只有脚踏实地的走好每一步，那你的付出才算数。
              电影《袁隆平》中有这样一个耐人寻味的片段：
              县委书记去找袁隆平，发现大中午骄阳正晒的时候，他还在田里观察植株授粉。
              原来，只有在这个时候，水稻才会展现出真实的繁衍行为。
              而袁隆平和他带领的研究团队，则需要在那段时间，天天顶着烈日猫在地里。
              你说辛苦吗？肯定的啊，谁都想呆在空调房睡大觉。
              袁老曾说过这样一句发人深省的话：
              我学水稻的，不下田你怎么行，在电脑里种不出水稻。
              你在实验室里面种不出水稻的，只有田里面才种得出水稻。
              这才是做实事的精神，《墨子修身》中很早就提出：“士虽有学，而行为本焉”。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              现在很多人就是被时代的压力，成功学的鸡汤迷晕了。
              都想年纪轻轻财务自由，三十不到，年入百万。
              却忽略了自身的能力储备，静不下心来认真做事。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              这和那些搞学术造假的是一个道理，就算侥幸获得了一时的成功，也会在谎言揭穿的某一刻，掉进万丈深渊。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              8月9日，袁隆平院士满90岁了，但加盟‘90后’的他，从没觉得自己应该休息。
              他身边的团队成员、湖南杂交水稻研究中心研究员杨耀松曾这样对记者说：杂交水稻真的浸入他的血液里了，是他的命根子，他的魂。
              他在一个领域里专注几十年，早早的突破了一万小时定律，成为权威却也丝毫不敢停下努力的步伐。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              于我们而言，与其临渊羡鱼，只看到所谓大佬的成功。不如退而结网，稳扎稳打，要明白上天绝不会帮助坐着不动的人。
              <br />
              <br />
              <p>结语</p>
              <br />
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;袁老曾这岁总结自己成功的八字方针，知识、汗水、灵感、机遇。
              时代潮流奔涌，裹挟着我们每一个人，如何在历史机遇中留下自己的足迹，是我们每个人都应该或多或少思考的问题。
              你成就了今天的中国，中国也将成就今天的你。
              袁老厚重的一生有太多值得我们思考、学习的地方。
              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              正如中国科技评奖委员会的评论：
              袁隆平是一位真正的耕耘者。当他还是一个乡村教师的时候，已经具有颠覆世界权威的胆识。
              当他名满天下的时候，却仍然只是专注于田畴。
              淡泊名利，一介农夫，播撒智慧，收获富足。
              他毕生的梦想，就是让所有人远离饥饿。 少年立志，潜心耕耘。
              敢于颠覆，命运垂青。 毁誉加身，不忘初心。

              <br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              这是我们在祝福袁老时，更应该学习的东西。
              追寻复兴的路上，如今的中国，需要更多袁隆平似的人物。
            </span>
          </div>
        </div>
        <div class="right">
          <div class="bottom">
            <h2>制作流程：</h2>
            <br />
            <span>
              <br />&nbsp;&nbsp;&nbsp;&nbsp;⼀、简介
              <br />&nbsp;&nbsp;&nbsp;&nbsp;⼆、英雄分析
              <br />&nbsp;&nbsp;&nbsp;&nbsp;三、人际交往
              <br />&nbsp;&nbsp;&nbsp;&nbsp;四、袁老精神矩阵
              <br />&nbsp;&nbsp;&nbsp;&nbsp;五、主题音乐
              <br />&nbsp;&nbsp;&nbsp;&nbsp;六、结语
              <br />&nbsp;&nbsp;&nbsp;&nbsp;
            </span>
            <img src="./imgs/袁隆平.jpg" alt="" />
          </div>
        </div>
      </div>
    </footer>
  </div>
</template>
<script></script>
<style>
/* .shell-main-nav ul .nav-box {
    left: 240px;
}

  .shell-main {
    margin-bottom: 0;
}

  .shell-main-nav {
    margin-bottom: 0;
} */

.shell header {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-image: linear-gradient(to bottom, #f5e1b1,#f5e1b1);
  height: 700px;
}

.shell header img {
  width: 300px;
  position: relative;
}

.shell header h2 {
  font: 100 60px "";
  margin-bottom: 20px;
  font-family: font;
  letter-spacing: 5px;
  border-bottom: 2px solid rgb(134, 134, 118);
  color: #ffffff;
}

.shell header p {
  font: 100 30px "";
  letter-spacing: 5px;
}

.h-b {
  display: flex;
  justify-content: space-evenly;
  width: 90%;
}

.h-b p {
  color: #fff;
  margin-bottom: 10px;
}

.h-b-l,
.h-b-r {
  width: 20%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}

footer {
  max-width: 1430px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.shell .content {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border: 1px rgba(0, 0, 0, 0.187) solid;
  margin: 20px 0;
}

.left {
  width: 70%;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.left p {
  text-align: left;
  letter-spacing: 2px;
  margin-top: 30px;
  font: 600 25px "";
  color: rgb(147, 145, 142);
}

.shell .top {
  margin: 30px 0;
}

.shell .top table {
  margin: 30px 0;
  width: 100%;
  border-collapse: collapse;
  border: rgba(0, 0, 0, 0.216);
}

.shell .top table td {
  padding: 3px 10px;
}

.shell .top table th {
  background-color: rgb(248, 248, 248);
}

.left h2,
.right h2 {
  font-size: 30px;
  position: relative;
  width: 100%;
}

.left h2::after,
.right h2::after {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  background-color: rgb(100, 160, 240);
  width: 15px;
  height: 100%;
}

.right h2::after {
  left: 0;
}

.right h2 {
  padding: 0 20px;
  font-size: 20px;
}

.left h2::before {
  content: "";
  display: block;
  position: absolute;
  width: 80%;
  height: 2px;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  background-color: rgba(0, 0, 0, 0.223);
}

.left span {
  font-size: 15px;
}

.imgs {
  width: 100%;
  display: flex;
}

.imgs img {
  width: 25%;
}

.right {
  width: 25%;
  padding: 10px;
}

.right img {
  width: 100%;
  margin: 30px 0;
}

.bottom {
  position: sticky;
  top: 20px;
}

.b {
  width: 100%;
  background-color: #fff;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border: rgba(0, 0, 0, 0.216) 1px solid;
}

@font-face {
  font-family: "font";
  src: url("./font/优设标题黑_猫啃网.ttf");
}

* {
  padding: 0;
  margin: 0;
  list-style: none;
  outline: none;
  text-decoration: none;
}

.shell {
  width: 100%;
  position: relative;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.shell-main-footer {
  width: 100%;
  position: relative;
  height: 100px;
  transform: translateY(100px);
  display: flex;
  justify-content: center;
  letter-spacing: 2px;
  align-items: center;
  text-align: center;
  font: 100 30px "font";
  background-color: #a1e6ff;
}
.shell-main {
  width: 100%;
  height: auto;
  position: relative;
  transition: 0.2s;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* margin-bottom: 100px; */
}

.shell-main-nav {
  width: 100%;
  /* height: 60px; */
  position: static;
  z-index: 999;
  top: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  margin-bottom: 18vh;
  backdrop-filter: blur(13px);
  background: linear-gradient(
    to right bottom,
    rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0.6)
  );
}

.shell-main-nav .logo {
  width: 220px;
  height: 100%;
  position: absolute;
  left: 5%;
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.shell-main-nav .logo img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}

.shell-main-nav .logo span {
  font: 100 22px "font";
  letter-spacing: 2px;
}

.shell-main-nav ul {
  width: 600px;
  height: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: absolute;
  right: 5%;
}

.shell-main-nav ul .nav-box {
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 115px;
  height: 5px;
  border-radius: 2px;
  background-color: #b444ff;
  z-index: -999;
  transition: 0.5s;
}

.shell-main-nav ul li {
  width: 150px;
  text-align: center;
}

.shell-main-nav ul li a {
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 60px;
  text-align: center;
}

.shell-main-nav ul li:nth-child(1):hover ~ .nav-box {
  left: 0px;
  background-color: red;
}

.shell-main-nav ul li:nth-child(2):hover ~ .nav-box {
  left: 120px;
  background-color: red;
}

.shell-main-nav ul li:nth-child(3):hover ~ .nav-box {
  left: 240px;
  background-color: #8da1f8;
}

.shell-main-nav ul li:nth-child(4):hover ~ .nav-box {
  left: 360px;
  background-color: #ffb1b1;
}

.shell-main-nav ul li:nth-child(5):hover ~ .nav-box {
  left: 480px;
  background-color: #7df88e;
}

@media (max-width: 768px) {
  .shell-main-nav ul {
    transform: scale(0.7);
    right: -60px;
    top: 2px;
  }
}

@media (max-width: 600px) {
  .shell-main-nav .logo {
    display: none;
  }
  .shell-main-nav ul {
    transform: scale(0.6);
    right: -130px;
  }
}
</style>
